<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            list-style: none;
        }
        .a{
            height: 95px;
            width: 1349px;
        }
        .b{
            height: 95px;
            width: 500px;
            float: left;
        }
        .c{
            height: 95px;
            width: 675px;
            float: right;
        }
        .d{
            float: left;
            height: 95px;
            width: 230px;
        }
        .e{
            height: 95px;
            width: 210px;
            float: right;
            margin: 36px 200px 31px 30px;
        }
        .f{
            width: 230px;
            height: 28px;
            float: left;
            margin: 36px 20px 31px 0px;
            border: 1px solid gray;
            border-radius: 8px;
        }
        .g{
            cursor: pointer;
            font-size: 7px;
            margin-top: 5px;
            color: rgb(238, 166, 33);
        }
        .h{
            height: 721px;
            width: 1349px;
        }
        .i{
            height: 68px;
            background-color: rgb(238, 109, 16);
        }
        .i select{
            color: white;
            outline: none;
            border: none;
            margin-left: 10px;
            background-color: rgb(238, 109, 16);
        }
        .i select:hover{
            background-color: white;
            color:  rgb(238, 109, 16);
            cursor: pointer;
        }
        .i li{
            height: 68px;
            float: left;
            color: white;
            background-color: rgb(238, 109, 16);
            transition: all 0.5s linear;
        }
        .i li:hover{
            background-color: white;
            color:  rgb(233, 117, 34);
            cursor: pointer;
        }
        .j{
            height: 655px;
            width: 1349px;
            background-color: rgba(252, 222, 209, 0.712);
        }
        .k{
            height: 415px;
            background-color: rgb(238, 109, 16);
        }
        .l{
            width: 1349px;
        }
        .n{
            width: 400px;
            float: left;
        }
        .o{
            height: 355px;
            width: 900px;
            float: right;
            margin-right: 20px;
        }
        .o ul{
            margin-top: 50px;
            margin-left: 0px;
            float: left;
            font-size: 10px;
        }
        .o li{
            line-height: 25px;
            color: white;
        }
        .o a{
            color: white;
            text-decoration: none;
        }
        .o a:hover{
            text-decoration:underline    white;
        }
        .m{
            height: 53px;
            width: 1349px;
            background-color: rgb(238, 109, 16);
            font-size: 10px;
            margin: 0px auto;
        }
        .m ul{
            margin: 0px auto;
            height: 53px;
            width: 1000px;
            border-top:1px solid white;
        }
        .m li{
            float: left;
            margin-bottom: 0px;
            line-height: 53px;
            color: white;
        }
        .m a{
            text-decoration: none;
            color: white;
        }
        .m a:hover{
            text-decoration: underline white;
        }
    </style>
</head>
<body>
    <div class="a">
        <div class="b">
            <img src="al.png" alt="" style="margin: 28px 60px 25px 199px;">
        </div>
        <div class="c">
            <div class="d">
                <form class="f">
                    <input type="text" placeholder="搜寻阿里巴巴集团" style="margin-left: 10px; height: 28px; width: 180px; border: none;outline: none;">
                    <input type="image" src="s.png" width="16px" height="16px" name="" id="" style=" border: none; outline: none;">
                </form>
            </div>
            <div class="e">
                 <form class="g">
                    阿里巴巴集团相关平台
                    <select style="border: none; outline: none;color: rgb(233, 157, 17);  margin-right: 20px; "></select>
                    简
                    <select style="border: none; outline: none;color: rgb(233, 157, 17);"></select>
                 </form>
            </div>
        </div>
    </div>
    <div class="h">
       <div class="i">
           <ul style="margin: auto 200px;">
               <li style="width: 120px;margin-right: 110px;">
                   <p style="display: inline; line-height: 68px;margin-left: 10px; font-size: 13px;">关于我们</p>
                   <select></select>
               </li>
               <li style="width: 120px; margin-right: 110px;">
                   <p  style="display: inline;line-height: 68px;margin-left: 10px; font-size: 13px;">投资者关系</p>
                   <select></select>
               </li>
               <li style="width: 140px;margin-right: 110px;">
                   <p  style="display: inline;line-height: 68px;margin-left: 10px; font-size: 13px;">新闻及媒体资源</p>
                   <select></select>
               </li>
               <li style="width: 110px;margin-right: 110px;">
                   <p  style="display: inline;line-height: 68px;margin-left: 10px; font-size: 13px;">联系我们</p>
                   <select></select>
               </li>
           </ul>
       </div>
       <div class="j"><img src="bg.png" alt="" style="margin: 65px 205px;"></div>
    </div>
    <div class="k">
        <div class="l">
            <div class="n">
                <img src="ai.png" alt="" style="margin-left: 200px;margin-top: 50px;">
            </div>
            <div class="o">
                <ul style="margin-right: 100px;">
                    <li>关于我们</li>
                    <li><a href="#">公司简介</a></li>
                    <li><a href="#">业务范畴</a></li>
                    <li><a href="#">历史及里程碑</a></li>
                    <li><a href="#">领导团队</a></li>
                    <li><a href="#">文化和价值观</a></li>
                    <li><a href="#">廉政合规</a></li>
                    <li><a href="#">常见问题</a></li>
                </ul>
                <ul style="margin-right: 100px;">
                    <li>投资者关系</li>
                    <li><a href="#">投资者关系主页</a></li>
                    <li><a href="#">投资者新闻及活动</a></li>
                    <li><a href="#">投资者日</a></li>
                    <li><a href="#">季度业绩</a></li>
                    <li><a href="#">美国证交会公告</a></li>
                    <li><a href="#">香港联交所公告</a></li>
                    <li><a href="#">公司治理</a></li>
                    <li><a href="#">财务报告</a></li>
                    <li><a href="#">ESG/可持续发展</a></li>
                </ul>
                <ul style="margin-right: 70px;">
                    <li>新闻及媒体资源</li>
                    <li><a href="#">新闻发布</a></li>
                    <li><a href="#">阿里足迹新闻网站</a></li>
                    <li><a href="#">媒体报导</a></li>
                    <li><a href="#">视频</a></li>
                    <li><a href="#">媒体资料库</a></li>
                    <li><a href="#">社交媒体</a></li>
                    <li><a href="#">阿里巴巴新冠肺炎抗疫行动</a></li>
                </ul>
                <ul >
                    <li>联系我们</li>
                    <li><a href="#">全球地点</a></li>
                    <li><a href="#">投资者联系</a></li>
                    <li><a href="#">媒体联系</a></li>
                    <li><a href="#">客户联系</a></li>
                    <li><a href="#">国际执法机构用户信息咨询指南</a></li>
                    <li><a href="#">知识产权保障</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="m">
        <ul>
            <li style="margin-left: 150px;"><a href="#">加入我们</a><span style="margin-left: 5px; margin-right: 5px; color: white;">|</span></li>
            <li><a href="#">免责声明</a><span style="margin-left: 5px; margin-right: 5px; color: white;">|</span></li>
            <li><a href="#">私隱政策</a><span style="margin-left: 5px; margin-right: 5px; color: white;">|</span></li>
            <li>版权公告 © 1999-2021 阿里巴巴集团控股有限公司及／或其关联公司及特许人。版权所有。</li>
        </ul>
    </div>
</body>
</html>